<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
	</head>

	<body>
		<script src="js/mui.min.js"></script>
		<style type="text/css">
			#bcid {
				width: 100%;
				height: 100%;
				position: absolute;
				background: #000000;
			}
			
			html,
			body,
			div {
				height: 100%;
				width: 100%;
			}
			
			.fbt {
				color: #0E76E1;
				width: 50%;
				background-color: #ffffff;
				float: left;
				line-height: 50px;
				text-align: center;
			}
		</style>
		<script type="text/javascript">
			scan = null; //扫描对象  
			mui.plusReady(function() {
				mui.init({preloadPages: [{
						id: 'index.html',
						url: 'index.html'
					}]}
					
				);
				var height = window.innerHeight + 'px'; //获取页面实际高度  
				var width = window.innerWidth + 'px';
				document.getElementById("bcid").style.height = height;
				document.getElementById("bcid").style.width = width;
				startRecognize();
			});

			function startRecognize() {
				try {
					var filter;
					//自定义的扫描控件样式  
					var styles = {
						frameColor: "#4A708B",
						scanbarColor: "#4A708B",
						background: ""
					}
					//扫描控件构造  
					scan = new plus.barcode.Barcode('bcid', filter, styles);
					scan.onmarked = onmarked;
					scan.onerror = onerror;
					scan.start();
					//打开关闭闪光灯处理  
					//          var flag = false;  
					//          document.getElementById("turnTheLight").addEventListener('tap',function(){  
					//             if(flag == false){  
					//                scan.setFlash(true);  
					//                flag = true;  
					//             }else{  
					//               scan.setFlash(false);  
					//               flag = false;  
					//             }  
					//          });  
				} catch(e) {
					alert("出现错误啦:\n" + e);
				}
			};

			function onerror(e) {
				alert(e);
			};

			function onmarked(type, result) {
				var text = '';
				switch(type) {
					case plus.barcode.QR:
						text = 'QR: ';
						break;
					case plus.barcode.EAN13:
						text = 'EAN13: ';
						break;
					case plus.barcode.EAN8:
						text = 'EAN8: ';
						break;
				}
				var toSendWebview = plus.webview.getWebviewById("index.html");
				//触发自定义事件，实现页面传值  
				mui.fire(toSendWebview, 'sm_code', {
					result: result
				});
				//				alert("aa");
				//				plus.webview.currentWebview().close();  
				//				mui.openWindow({id:'index.html'})
				mui.back();
				//back();
				//alert(text + " : " + result);

			};

			// 从相册中选择二维码图片   
			function scanPicture() {
				plus.gallery.pick(function(path) {
					plus.barcode.scan(path, onmarked, function(error) {
						plus.nativeUI.alert("无法识别此图片");
					});
				}, function(err) {
					plus.nativeUI.alert("Failed: " + err.message);
				});
			}
		</script>
	</body>

	<header class="mui-bar mui-bar-nav">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<h1 class="mui-title">扫描</h1>
	</header>

	<div class="mui-content">
		<div id="bcid">
			<!--扫描控件二维码-->
		</div>

	</div>

	<!--<div class="mui-bar mui-bar-footer" style="padding: 0px;">
		<div class="fbt" onclick="scanPicture();">从相册选择二维码</div>
		<div class="fbt mui-action-back">取　 消</div>
	</div>-->

</html>